<ion-header [translucent]="true">
	<ion-toolbar>
		<ion-buttons slot="start">
			<ion-button color="success" (click)="up()">
				<ion-icon slot="start" name="chevron-back-circle"></ion-icon>
				<ion-label>上级目录</ion-label>
			</ion-button>
		</ion-buttons>
		<ion-title>{{ folder.path }}</ion-title>
		<ion-buttons slot="end">
			<ion-button color="primary" (click)="close()">
				<ion-icon slot="start" name="close"></ion-icon>
				<ion-label>关闭</ion-label>
			</ion-button>
		</ion-buttons>
	</ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
	<ion-list>
		<ion-item *ngFor="let f of folder.files" [detail]="f.isDir" button="true" (click)="select(f)">
			<ion-icon slot="start" [name]="f.isDir?'folder-sharp':'reader'"></ion-icon>
			<ion-label>{{ f.name }}</ion-label>
			<ion-badge *ngIf="!f.isDir" slot="end" color="medium">{{ f.size | byteFormat }}</ion-badge>
			<ion-note slot="end">{{ f.modTime | timeFormat }}</ion-note>
		</ion-item>
	</ion-list>
</ion-content>
